/* 
    文章详情页面
 */
<template>
    <div class="articleMain">
        <!-- 导航栏 -->
        <van-nav-bar title="文章详情" left-text="返回" left-arrow @click-left="$router.back()" />

        <!-- 加载动画 -->
        <van-loading size="24px" vertical>加载中...</van-loading>


        <!-- 加载失败404 -->
        <div class="errorWrap">
            <van-icon name="failure" />
            <p>该资源不存在或已删除!</p>
        </div>

        <!-- 加载失败其它错误-->
        <div class="errorWrap">
            <van-icon name="failure" />
            <p>内容加载失败!</p>
            <van-button type="default">点击重试</van-button>
        </div>

        <div class="articleBottom">
            
        </div>
    </div>
</template>

<script>
export default {
    name: 'Article',
    props: {
        articleId: {
            type: [Number, String],
            required: true
        }
    },
    data() {
        return {

        }
    },
    created() {

    },
    methods: {

    }
}
</script>

<style scoped lang="less">
.articleMain {
    width: 100%;
    height: 100%;
}
</style>